<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Hi-dialect</title>
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width">
	<script src="https://code.iconify.design/1/1.0.6/iconify.min.js"></script>
</head>

<body>

    <!-- Page loading -->
    <div class="loading">
        <div class="spinner-grow"></div>
    </div>
    <!-- * Page loading -->

    <!-- App Header -->
    <div class="appHeader">
        <div class="pageTitle">我的信息</div>
    </div>
    <!-- * App Header -->

    <!-- App Capsule -->
    <div id="appCapsule">

        <div class="appContent">

			<div class="user">
				<div class="row mt-1">
					<div>
						<img src="img/sample/avatar.jpg" alt="avatar" class="imageBlock circle large">
					</div>
					<div class="ml-1 mt-1">
						<h5><strong> 胖大海 </strong></h5>
						<div class="text-muted">
							<span class="iconify" data-icon="ion:location-sharp" data-inline="false"></span>
							上海
						</div>
					</div>
				</div>
				<p class="lead mt-2">
					感谢各位的关注❤️<br>
					土生土长上海人带你领略上海话的美
				</p>
				
				<div class="divider mt-2 mb-1"></div>
				
				<div class="row">
					<div class="col text-center">
						<strong><div class="text-muted">发布</div></strong>
						<h5>518</h5>
					</div>
					<div class="col text-center">
						<strong><div class="text-muted">关注</div></strong>
						<h5>36</h5>
					</div>
					<div class="col text-center">
						<strong><div class="text-muted">粉丝</div></strong>
						<h5>56k</h5>
					</div>
				</div>
				
				<div class="divider m-1"></div>
				
					<!-- post buttons -->
					<div class="row m-1">
						<div class="col-6">
							<a href="javascript:;" class="btn btn-primary btn-block">
								<i class="icon ion-md-add"></i> 关注
							</a>
						</div>
						<div class="col-6">
							<a href="javascript:;" class="btn btn-danger btn-block">
								<i class="icon ion-ios-mail"></i> 私信
							</a>
						</div>
					</div>
					<!-- * post buttons -->
				
				<div class="divider m-1"></div>
				
			</div>
			
            <div class="sectionTitle mb-1 mt-2">
				<ul class="nav nav-tabs size2 iconed" id="myTab2" role="tablist">
				    <li class="nav-item">
				        <a class="nav-link active" id="home-tab2" data-toggle="tab" href="#home1" role="tab">
				            <i class="icon ion-ios-home"></i>
				            发布
				        </a>
				    </li>
				    <li class="nav-item">
				        <a class="nav-link" id="profile-tab2" data-toggle="tab" href="#profile1" role="tab">
				            <i class="icon ion-ios-person"></i>
				            喜欢
				        </a>
				    </li>
				</ul>
            </div>

            <!-- post list -->
            <div class="row">
                <!-- item -->
                <div class="col-6 mt-2">
                    <a href="blog-post.html" class="postItem">
                        <div class="imageWrapper">
                            <img src="img/sample/photo11.jpg" alt="image" class="image">
                            <div class="badge badge-warning">东北话</div>
                        </div>
                        <h2 class="title">瞅你咋地？我的东北话学习之路</h2>
                    </a>
                </div>
                <!-- * item -->
                <!-- item -->
                <div class="col-6 mt-2">
                    <a href="blog-post.html" class="postItem">
                        <div class="imageWrapper">
                            <img src="img/sample/photo8.jpg" alt="image" class="image">
                            <div class="badge badge-success">陕西话</div>
                        </div>
                        <h2 class="title">300句常用语让你掌握地地道道陕西话</h2>
                    </a>
                </div>
                <!-- * item -->
                <!-- item -->
                <div class="col-6">
                    <a href="blog-post.html" class="postItem">
                        <div class="imageWrapper">
                            <img src="img/sample/photo3.jpg" alt="image" class="image">
                            <div class="badge badge-danger">四川话</div>
                        </div>
                        <h2 class="title">四川方言汇总 你啷个晓得的啊</h2>
                    </a>
                </div>
                <!-- * item -->
                <!-- item -->
                <div class="col-6">
                    <a href="blog-post.html" class="postItem">
                        <div class="imageWrapper">
                            <img src="img/sample/photo4.jpg" alt="image" class="image">
                            <div class="badge badge-info">浙江话</div>
                        </div>
                        <h2 class="title">这个市的人有十几种方言！</h2>
                    </a>
                </div>
                <!-- * item -->
            </div>
            <!-- * post list -->

    </div>
    <!-- * appCapsule -->

<!-- App Bottom Menu -->
    <div class="appBottomMenu">
        <div class="item">
            <a href="homepage.html">
                <p>
                    <i class="icon ion-ios-water"></i>
                    <span>首页</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a href="activitiy-main.html">
                <p>
                    <i class="icon ion-ios-apps"></i>
                    <span>活动</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a href="tools.html">
                <p>
                    <i class="icon ion-ios-add-circle"></i>
                    <span>工具</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a href="social-home.html">
                <p>
                    <i class="icon ion-ios-aperture"></i>
                    <span>动态</span>
                </p>
            </a>
        </div>
        <div class="item active">
            <a href="people-info.html">
                <p>
                    <i class="icon ion-ios-person"></i>
                    <span>我的</span>
                </p>
            </a>
        </div>
    </div>
    <!-- * App Bottom Menu -->

    
    <!-- Sidebar Menu -->
    <div class="sidebarWrapper">
        <div class="overlay toggleSidebar"></div>
        <nav class="sidebar">
            <div class="profilebox">
                <img src="img/sample/avatar.jpg" alt="avatar" class="avatar">
                <h2 class="title">醒了很久还是很感动</h2>
                <h5 class="lead">
                    <i class="icon ion-ios-pin mr-1"></i>
                    上海市
                </h5>
                <div class="button">
                    <a href="#">
                        <i class="icon ion-ios-settings"></i>
                    </a>
                </div>
            </div>
            <div class="sidebarGroup">
                <ul class="sidebarMenu">
                    <li>
                        <a href="social-home.html">
                            <i class="icon ion-ios-people"></i>
                            动态
                        </a>
                    </li>
                    <li>
                        <a href="social-chat.html">
                            <i class="icon ion-ios-chatboxes"></i>
                            消息
                        </a>
                    </li>
                    <li>
                        <a href="activitiy-list.html">
                            <i class="icon ion-ios-apps"></i>
                            活动
                        </a>
                    </li>
                    <li>
                        <a href="people-info.html">
                            <i class="icon ion-ios-book"></i>
                            信息
                        </a>
                    </li>
                    <li>
                        <a href="page-login.html">
                            <i class="icon ion-ios-lock"></i>
                            登出
                        </a>
                    </li>
                </ul>
            </div>
            <div class="sidebarGroup">
                <ul class="sidebarMenu">
                    <li class="title">在线</li>
                    <li>
                        <a href="social-chat.html">
                            <img src="img/sample/avatar2.jpg" alt="avatar" class="avatar">
                            胖大海
                        </a>
                    </li>
                    <li>
                        <a href="social-chat.html">
                            <img src="img/sample/avatar3.jpg" alt="avatar" class="avatar">
                            佛山菩提
                            <span class="badge badge-primary">2</span>
                        </a>
                    </li>
                    <li>
                        <a href="social-chat.html">
                            <img src="img/sample/avatar4.jpg" alt="avatar" class="avatar">
                            刘小佳
                        </a>
                    </li>
                    <li>
                        <a href="social-chat.html">
                            <img src="img/sample/avatar5.jpg" alt="avatar" class="avatar">
                            张铁柱
                        </a>
                    </li>
                    <li>
                        <a href="social-chat.html">
                            <img src="img/sample/avatar6.jpg" alt="avatar" class="avatar">
                            方言小李
                        </a>
                    </li>
                </ul>
            </div>
    
        </nav>
    </div>
    <!-- * Sidebar Menu -->

    <!-- ///////////// Js Files ////////////////////  -->
    <!-- Jquery -->
    <script src="js/lib/jquery-3.4.1.min.js"></script>
    <!-- Bootstrap-->
    <script src="js/lib/popper.min.js"></script>
    <script src="js/lib/bootstrap.min.js"></script>
    <!-- Owl Carousel -->
    <script src="js/plugins/owl.carousel.min.js"></script>
    <!-- Main Js File -->
    <script src="js/app.js"></script>


</body>

</html>
